<!DOCTYPE html>
<html>
<head>
	<title>慕课网-猿问</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!-- 兼容移动设备 -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<!-- 让IE的文档渲染模式永远都是最新的 -->
	<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
	<meta http-equiv="Expires" content="0" />
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/ask.css">
	<link rel="stylesheet" type="text/css" href="css/footer.css">
	<style>
.menu .item a,.download,.shop-cart,.login a,.login{
	color: #9ca0a4;
}
.menu .item a.menu-item-select{
	color: #fff;
}
.menu .item a:hover{
	color: #fff;
}
.search-area{
	border-bottom: 1px solid #6a7076;
}
.search-input{
	color: #fff;
}
</style>
</head>
<body>
	<!-- header菜单栏 -->
	<div class="header header-black">
		<a class="home" href="index.html" title="慕课网">
			<img src="img/logo_black.png" alt="">
		</a>
		<ul class="menu">
			<li class="item"><a href="freecourse.html">免费课程</a></li>
			<li class="item"><a href="careerpath.html">职业路径</a></li>
			<li class="item"><a href="shizhan.html">实战</a></li>
			<li class="item"><a href="ask.html" class="menu-item-select">猿问</a></li>
			<li class="item"><a href="discovery.html">发现</a></li>
		</ul>
		<div class="search-area">
			<input class="search-input" type="text">
			<div class="search-btn"><i class="icon icon-search">&#xe63d;</i></div>
		</div>
		<ul class="header-unlogin clearfix">
			<li class="download">
				<a href="#">下载APP</a>
				<div class="download-detail">
					<img src="img/appload.png" height='100%' alt="">
					<div class="load-wenzi">
						<p class="title">扫描下载慕课网APP</p>
						<p class="ios"><i class="icon">&#xe616;</i>App Store下载</p>
						<p class="android"><i class="icon">&#xe640;</i>Android下载</p>
					</div>
				</div>
			</li>
			<li class="shop-cart">
				<a href="#" class="dark">
					<i class="icon icon-cart">&#xe61d;</i>
					<span>购物车</span>
					<div class="shop-cart-detail">
						<p class="title"><object><a href="#" class="to-my-cart">我的购物车</a></object><span class="already">已加入0门课程</span></p>
						<div class="content">
							<span><i class="icon">&#xe61d;</i></span>
							<p>购物车空空如也</p>
							<span></span>
							<p>快去这里选购你中意的课程</p>
							<object><a href="#">实战课程</a></object>
							<object><a href="#">职业路径</a></object>
						</div>
						<p class="about-order"><object><a href="">我的订单中心</a></object><span>去购物车</span></p>
					</div>
				</a>
			</li>
			<li class="login">
				<a href="#">登录</a>
				/
				<a href="#">注册</a>
			</li>
		</ul>
	</div>

	<!-- 主要内容 -->
	<div class="ask-content">
		<div class="ask-wrap clearfix">
			<div class="main-content">
				<div class="ask-title">
					<span class="ask-title-wenzi">程序员自己的问答社区</span>
					<a href="" class="ask-submit">我要提问</a>
				</div>

				<!-- 问答大分类 -->
				<div class="nav">
					<a href="" class="nav-select">推荐</a>
					<a href="">最新</a>
					<a href="">等待回答</a>
					<a href="">话题</a>
				</div>
				
				<!-- 本期话题 -->
				<div class="curr-topic">
					<p class="curr"><span>本期话题</span><i class="icon">&#xe78b;</i></p>
					<span>【花式填坑】第23期 运维进化篇：成为Python DevOps攻城狮...</span>
				</div>
				
				<!-- 问答列表 -->
				<div class="wenda">
					<div class="wenda-header">
						<img src="img/php.jpg" class="wenda-header-img" alt="">
						<div class="wenda-header-content">
							<p class="from">来自<span>PHP</span><span>Android</span><span>SQL Server</span></p>
							<p class="ask-what">该不该入行?</p>
						</div>
					</div>
					<div class="answers">
						<div class="write-answer">
							<a href="" class="write-answer-span">撰写答案</a>
							<a href="">回答问题最高可或<span class="jifen">2积分</span>哦！</a>
							<span>3个回答</span>
							<a href="">关注</a>
						</div>
					</div>
				</div>

				<div class="wenda">
					<div class="wenda-header">
						<img src="img/php.jpg" class="wenda-header-img" alt="">
						<div class="wenda-header-content">
							<p class="from">来自<span>JAVA</span></p>
							<p class="ask-what">现在高一想要自学Java，但是英语特别差，诸位大神有没有什么建议?</p>
						</div>
					</div>
					<div class="answers">
						<div class="caina">
							<p class="caina-title">
								<span class="flag">已采纳</span>
								<span class="name">woszhang</span>
								回答：
							</p>
							<p class="best-answer">首先, 不要担心英语问题会影响你自学Java(或其它任何语言). 学习编程的门槛并不是非常高. 基础语法需要的单词量非常少,几十个关键字而已,而且也不需要刻意的提前去背, 用得多了就记住了. 再就是API中的英语, 也是一样, 一边学一边用,就会了. 但是, 请不要因此就认为英语不会也没关系. 在未来更漫长的技术成长过程中, 英语会越发重要. 你需要看英文文档,英文视频, 甚至可能去一个外企和老外沟通.数学同理.学以致用是最快的学习方式, 没准学习编程的过程会让你对英语更加产生兴趣呢. 祝你的英语水平和编程水平能够互相辅助, 一起提高.<a class="best-more">[查看全部]</a></p>
							<div class="best-desc">
								<a class="agree" href="">赞同 1</a>
								<a class="oppose" href="">反对</a>
								<span class="share"><span>分享</span>
									<a class="v-hide" href="" title="分享到微信"><i class="icon">&#xe66a;</i></a>
									<a class="v-hide" href="" title="分享到新浪微博"><i class="icon">&#xe641;</i></a>
									<a class="v-hide" href="" title="分享到QQ空间"><i class="icon">&#xe69e;</i></a>
								</span>
							</div>
						</div>
					</div>
				</div>

				<div class="wenda">
					<div class="wenda-header">
						<img src="img/java.jpg" class="wenda-header-img" alt="">
						<div class="wenda-header-content">
							<p class="from">来自<span>JAVA</span></p>
							<p class="ask-what">Java到一个什么样的水平就能找到一份工作</p>
						</div>
					</div>
					<div class="answers">
						<div class="caina">
							<p class="caina-title">
								<span class="name">woszhang</span>
								回答：
							</p>
							<p class="best-answer">我也和你情况差不多，很迷茫</p>
							<div class="best-desc">
								<a class="agree" href="">赞同 1</a>
								<a class="oppose" href="">反对</a>
								<span class="share"><span>分享</span>
									<a class="v-hide" href="" title="分享到微信"><i class="icon">&#xe66a;</i></a>
									<a class="v-hide" href="" title="分享到新浪微博"><i class="icon">&#xe641;</i></a>
									<a class="v-hide" href="" title="分享到QQ空间"><i class="icon">&#xe69e;</i></a>
								</span>
							</div>
						</div>
					</div>
				</div>

				<div class="wenda">
					<div class="wenda-header">
						<img src="img/js.jpg" class="wenda-header-img" alt="">
						<div class="wenda-header-content">
							<p class="from">来自<span>JavaScript</span><span>Html/CSS</span><span>JQuery</span></p>
							<p class="ask-what">前端找不到实习，想放弃了怎么办?</p>
						</div>
					</div>
					<div class="answers">
						<div class="caina">
							<p class="caina-title">
								<span class="name">疯子520520</span>
								回答：
							</p>
							<p class="best-answer">不是现实太残酷，只是你太弱了，虽是高薪，但你不努力，你也只能眼睁睁看着</p>
							<div class="best-desc">
								<a class="agree" href="">赞同 668</a>
								<a class="oppose" href="">反对</a>
								<span class="share"><span>分享</span>
									<a class="v-hide" href="" title="分享到微信"><i class="icon">&#xe66a;</i></a>
									<a class="v-hide" href="" title="分享到新浪微博"><i class="icon">&#xe641;</i></a>
									<a class="v-hide" href="" title="分享到QQ空间"><i class="icon">&#xe69e;</i></a>
								</span>
							</div>
						</div>
					</div>
				</div>
				<div style="margin-top: 35px;"></div>
				<!-- 分页 -->
				<div class="pagenation">
					<span>首页</span>
					<span>上一页</span>
					<span class="num page-select">1</span>
					<span class="num">2</span>
					<span class="num">3</span>
					<span class="num">4</span>
					<span class="num">5</span>
					<span class="num">6</span>
					<span class="num">7</span>
					<span>下一页</span>
					<span>尾页</span>
				</div>
			</div>
			<div class="right-content">
				<img src="img/right_bg.jpg" class="right-bg" alt="">
				<div class="hot-question-title">
					热门问题
				</div>
				<div class="hot-question">
					<a href="" class="question-title">现在高一想要自学Java，但是英语特别差，诸位大神有没有什么建议？</a>
					<div class="hot-moreinfo">
						<a href="" class="question-ask">13 回答</a>
						<a href="" class="question-guanzhu">0 关注</a>
						<a href="" class="question-from">来自 JAVA</a>
					</div>
				</div>
				<div class="hot-question">
					<a href="" class="question-title">你热爱编程吗</a>
					<div class="hot-moreinfo">
						<a href="" class="question-ask">13 回答</a>
						<a href="" class="question-guanzhu">0 关注</a>
						<a href="" class="question-from">来自 JAVA</a>
					</div>
				</div>
				<div class="hot-question">
					<a href="" class="question-title">Java到一个什么样的水平就能找到一份工作</a>
					<div class="hot-moreinfo">
						<a href="" class="question-ask">13 回答</a>
						<a href="" class="question-guanzhu">0 关注</a>
						<a href="" class="question-from">来自 JAVA</a>
					</div>
				</div>
				<div class="hot-question">
					<a href="" class="question-title">为甚么学java？</a>
					<div class="hot-moreinfo">
						<a href="" class="question-ask">13 回答</a>
						<a href="" class="question-guanzhu">0 关注</a>
						<a href="" class="question-from">来自 JAVA</a>
					</div>
				</div>
				<div class="hot-question">
					<a href="" class="question-title">请高手帮忙看一下求一维数组中的最大/最小值的程序代码哪里有问题</a>
					<div class="hot-moreinfo">
						<a href="" class="question-ask">13 回答</a>
						<a href="" class="question-guanzhu">0 关注</a>
						<a href="" class="question-from">来自 JAVA</a>
					</div>
				</div>

				<div class="hot-leifeng-title">
					<span>回答雷锋榜</span>
					<span class="week">一周</span>
					<span class="today select">今日</span>
				</div>

				<div class="leifeng-wrap">
					<div class="leifeng">
						<span class="first">1</span>
						<img src="img/touxiang1.jpg" class="leifeng-avator" alt="">
						<div class="leifeng-wenzi">
							<p class="leifeng-name">XS_乔木</p>
							<p class="leifeng-info"><span>学生</span><span class="leifeng-count">5回答</span></p>
						</div>
					</div>
					<div class="leifeng">
						<span class="second">2</span>
						<img src="img/touxiang1.jpg" class="leifeng-avator" alt="">
						<div class="leifeng-wenzi">
							<p class="leifeng-name">XS_乔木</p>
							<p class="leifeng-info"><span>学生</span><span class="leifeng-count">5回答</span></p>
						</div>
					</div>
					<div class="leifeng">
						<span class="third">3</span>
						<img src="img/touxiang1.jpg" class="leifeng-avator" alt="">
						<div class="leifeng-wenzi">
							<p class="leifeng-name">XS_乔木</p>
							<p class="leifeng-info"><span class="leifeng-count">5回答</span></p>
						</div>
					</div>
					<div class="leifeng">
						<span>4</span>
						<img src="img/touxiang1.jpg" class="leifeng-avator" alt="">
						<div class="leifeng-wenzi">
							<p class="leifeng-name">XS_乔木</p>
							<p class="leifeng-info"><span>学生</span><span class="leifeng-count">5回答</span></p>
						</div>
					</div>
					<div class="leifeng">
						<span>5</span>
						<img src="img/touxiang1.jpg" class="leifeng-avator" alt="">
						<div class="leifeng-wenzi">
							<p class="leifeng-name">XS_乔木</p>
							<p class="leifeng-info"><span class="leifeng-count">5回答</span></p>
						</div>
					</div>

					<div class="showmore-leifeng">
						显示另外5个雷锋
					</div>
				</div>
				
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer footer-black">
		<div class="footer-wrap">
			<div class="blog">
				<div class="mr22 chat">
					
				</div>
			</div>
			<div class="footer-links links-white">
				<a href="#">企业合作</a>
				<a href="#">人才招聘</a>
				<a href="#">联系我们</a>
				<a href="#">讲师招聘</a>
				<a href="#">常见问题</a>
				<a href="#">意见反馈</a>
				<a href="#">慕课大学</a>
				<a href="#">友情链接</a>
			</div>
			<p>© 2018 imooc.com  京ICP备 13046642号-2</p>
		</div>
	</div>
	<!-- 侧边栏 -->
	<div class="info">
		<div class="info-wrap">
			<div class="info-block b"><i class="icon">&#xe61e;</i></div>
			<div class="info-block b"><i class="icon">&#xe619;</i></div>
			<div class="info-block b"><i class="icon">&#xe61a;</i>
		
			</div>
			<div class="info-block"><i class="icon">&#xe62b;</i>
				
			</div>
		</div>
		
	</div>
</body>
</html>